<template>
  <uv-tabbar :value="value" @change="change" :active-color="'#14A74D'" :inactive-color="'#666666'">
    <uv-tabbar-item text="tabbar">
      <template v-slot:inactive-icon>
        <image class="icon" src="@/static/tabbar/1.png" mode="widthFix"></image>
      </template>
      <template v-slot:active-icon>
        <image class="icon" src="@/static/tabbar/2.png" mode="widthFix"></image>
      </template>
    </uv-tabbar-item>
  </uv-tabbar>
</template>

<script setup>
const props = defineProps({
  value: {
    type: Number,
    default: 0
  }
})
</script>

<style scoped >
.icon {
  width: 48rpx;
  max-height: 48rpx;
  min-height: 48rpx;
}
</style>
